﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>PageOffice V5.0示例</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Free HTML5 Website Template" />
    <meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />

    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content="" />
    <meta property="og:image" content="" />
    <meta property="og:url" content="" />
    <meta property="og:site_name" content="" />
    <meta property="og:description" content="" />
    <meta name="twitter:title" content="" />
    <meta name="twitter:image" content="" />
    <meta name="twitter:url" content="" />
    <meta name="twitter:card" content="" />

    <link rel="stylesheet" href="~/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
    <link rel="stylesheet" href="~/js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
    <link rel="stylesheet" type="text/css" href="~/css/da-slider.css" />
    <link rel="stylesheet" href="~/css/styles.css" />
    <!-- Font Awesome -->
    <link href="font/css/font-awesome.min.css" rel="stylesheet">

    <!-- Samples5 Theme style  -->
    <link rel="stylesheet" href="~/css/style2.css">
    <link rel="stylesheet" href="~/css/style3.css">
    <link rel="shortcut icon" href="#" />
    <script type="text/javascript" src="~/js/jquery.min.js"></script>
    <!--pageoffice.js一定要引用-->
    <script type="text/javascript" src="~/pageoffice.js"></script>

</head>
<body>

    <header class="header">
        <div id="main-nav">
            <nav class="navbar navbar-inverse container" role="navigation" style="margin: 0 auto;">
                <div class="navbar-header">
                    <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a href="#" class="navbar-brand scroll-top logo"><img src="images/logo.png" alt="skytouch" /></a>
                </div>
                <!--/.navbar-header-->
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav" id="mainNav" style="height:78px;">
                        <li class="active"><a href="#home" class="scroll-link"><img src="images/home.png"></a></li>
                        <li style="height:0;width:0;visibility:hidden;"><a href="#describe" class="scroll-link isotopeWrapper">功能描述</a></li>
                        <li><a href="#new" class="scroll-link">PageOfficeV5.0新特性</a></li>
                        <li><a href="#jichu" class="scroll-link">基础功能</a></li>
                        <li><a href="#gaoji" class="scroll-link">高级功能</a></li>
                        <li><a href="#zonghe" class="scroll-link">综合演示</a></li>
                        <li><a href="#qita" class="scroll-link">其他技巧</a></li>
                        <li><a href="http://www.zhuozhengsoft.com" target="_blank" class="scroll-link">卓正官网</a></li>
                    </ul>
                </div>

                <!--/.navbar-collapse-->
            </nav>
            <!--/.navbar-->
        </div>
        <!--/.container-->
    </header>
    <!--/.header-->
    <div id="#top"></div>
    <section id="home" class="page-section">
        <div class="banner-container">
            <div class="container banner-content">
                <div id="da-slider" class="da-slider">
                    <div class="da-slide">
                        <h2>PAGEOFFICE V5.0重磅来袭！</h2>
                        <p>PageOffice基于在线Office的100余项功能，让用户更轻松高效的进行文档协同办公！</p>
                        <a href="http://www.zhuozhengsoft.com/about/about/" target="_blank" class="da-link button-outline">联系我们</a>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2>新功能一</h2>
                        <p>PageOffice V5.0产品用户界面简洁大方，完美支持高分屏显示效果！</p>
                        <a href="http://www.zhuozhengsoft.com/about/about/" target="_blank" class="da-link button-outline">联系我们</a>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2>新功能二</h2>
                        <p>实现所有浏览器弹出PageOffice窗口时，不再出现询问是否打开的确认框，简化操作步骤，大大提高了用户使用体验!</p>
                        <a href="http://www.zhuozhengsoft.com/about/about/" target="_blank" class="da-link button-outline">联系我们</a>
                        <div class="da-img"></div>
                    </div>
                    <div class="da-slide">
                        <h2>新功能三</h2>
                        <p>新增支持ASP.NET Core3.0！</p>
                        <a href="http://www.zhuozhengsoft.com/about/about/" target="_blank" class="da-link button-outline">联系我们</a>
                        <div class="da-img"></div>
                    </div>
                    <nav class="da-arrows">
                        <span class="da-arrows-prev"></span>
                        <span class="da-arrows-next"></span>
                    </nav>
                </div>
            </div>
        </div>
        <!--/.container-->
    </section>

    <section id="describe" class="page-section pDark pdingBtm30">
        <div class="container">
            <div class="heading text-center">
                <!-- Heading -->
                <h2></h2>
                <p></p>
            </div>
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="tray text-center">
                        <h3><i class="fa fa-desktop color"></i> &nbsp;基础功能</h3>
                        <!-- Paragraph -->
                        <p>演示最基本的在线打开、编辑、保存Office文档；控制PageOffice产品的界面，包括标题栏、菜单栏、自定义工具条、Office工具栏的隐藏和显示...</p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tray text-center">
                        <!-- Heading -->
                        <h3><i class="fa fa-cloud color"></i> &nbsp;高级功能</h3>
                        <!-- Paragraph -->
                        <p>演示调用Pageoffice提供的接口填充数据到Word、Excel模版文件，动态生成文档，Word转PDF，批量生成文件，控制Word、Excel中内容格式的功能... </p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tray text-center">
                        <!-- Heading -->
                        <h3><i class="fa fa-home color"></i> &nbsp;综合演示</h3>
                        <!-- Paragraph -->
                        <p>通过几种模型示例演示PageOffice在各种应用场景中，调用PageOffice具体的API解决实际问题的效果。例如Word文件在OA系统中流转的过程，动态生成试卷等...</p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tray text-center">
                        <!-- Heading -->
                        <h3><i class="fa fa-coffee color"></i> &nbsp;其他技巧</h3>
                        <!-- Paragraph -->
                        <p>演示通过PageOffice直接调用vba接口的一些常用方法。例如定位光标到书签，JS方式插入书签，JS方式插入图片水印，JS方式获取Word选中的文字等...</p>
                    </div>
                </div>
            </div>
        </div>
        <!--/.container-->
    </section>

    @RenderBody()


    <div id="gtco-subscribe">
        <div class="gtco-container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
                    <h2>PageOffice V5.0</h2>
                    <p>Copyright © 2019 北京卓正志远软件有限公司.</p>
                    <p>(本页是PageOffice示例，仅供程序员编程参考，不得作为独立网站发布)<p>
                </div>
            </div>

        </div>
    </div>

    <a href="#top" class="topHome"><i class="fa fa-chevron-up fa-2x"></i></a>

    <!-- jQuery -->
    <!--[if lte IE 8]><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><![endif]-->
    <script src="js/modernizr-latest.js"></script>
    <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/jquery.isotope.min.js" type="text/javascript"></script>
    <script src="js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
    <script src="js/jquery.nav.js" type="text/javascript"></script>
    <script src="js/jquery.cslider.js" type="text/javascript"></script>
    <script src="js/custom.js" type="text/javascript"></script>

</body>
</html>

